.banner {
  overflow: auto; }
  .banner .b_f {
    display: flex; }
    .banner .b_f img {
      flex: none;
      width: 96vw;
      height: 54vw;
      margin: 2vw 2vw;
      border-radius: 2vw; }

nav {
  display: block; }
  nav img {
    width: 24.3vw; }

article {
  font-size: .24rem;
  color: #606060;
  padding: 0.2rem .34rem; }
  article .top {
    height: .6rem;
    line-height: .6rem;
    font-size: .20rem;
    font-weight: 400;
    color: #2b2b2b; }
    article .top img {
      width: .32rem;
      height: .32rem;
      background: #d8d8d8;
      border-radius: 50%;
      vertical-align: middle; }
  article figure {
    border: solid .03rem #f6f6f6;
    border-radius: .1rem; }
    article figure h3 {
      background: #f6f6f6;
      color: #000;
      font-size: .34rem;
      font-weight: 500;
      padding: .15rem 0.25rem; }
      article figure h3 b {
        font-weight: 500;
        font-size: .2rem;
        display: block;
        padding-bottom: .1rem; }
    article figure div {
      padding: .2rem; }
      article figure div p {
        line-height: .4rem; }
      article figure div span {
        display: block;
        color: #69c;
        line-height: .5rem; }
      article figure div .img_bg {
        display: inline-block;
        width: 1.52rem;
        height: 1.3rem;
        background: #d8d8d8;
        background-size: cover;
        background-size: contain;
        opacity: 1;
        border-radius: 0rem; }
  article > span {
    color: #9F9F9F;
    font-size: .26rem !important;
    padding: .3rem; }
    article > span:last-child {
      padding: 0;
      float: right; }
